<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模态框</title>
    <link rel="stylesheet" href="./js/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="./js/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./js/bootstrap-3.4.1-dist/css/bootoast.css">
    <script src="./js/bootstrap-3.4.1-dist/js/bootoast.js"></script>

</head>
<body>
    <nav class="navbar navbar-default" >
        <img src="./img/logo1.png" style="height: 100px;">
      </nav>
      <!-- 左侧导航栏 -->
      <div class="container-fluid" style="height:600px;">
        <div class="row">
            <div class="col-md-3">
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation" class="active"><a href="#">客房管理</a></li>
                    <li role="presentation"><a href="#">顾客管理</a></li>
                    <li role="presentation"><a href="#">员工管理</a></li>
                  </ul>
            </div>
            <div class="col-md-8" style=" height: 100%;">
                <iframe src="./2宾馆表格.html"  style="width: 100%; height:700px;"></iframe>

            </div>
        </div>
        </div>
      
</body>
</html>